@charset "UTF-8";
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
::selection{ background: #BD9765; color: #fff;}
a:hover{ color: #BD9765;}
.fl{ float: left;}
.fr{ float:right;}
.pr{ position:relative;}
.pa{ position:absolute;}
.w1600 { padding: 0 10px;  max-width: 1600px;  min-width: 1180px;  margin: 0 auto;}
.w1400 { padding: 0 10px;  max-width: 1400px;  min-width: 1180px;  margin: 0 auto;}
.w1200 { padding: 0 10px;  max-width: 1180px;  margin: 0 auto;}
.clear{ clear: both; font-size: 0; line-height: 0; height: 0px;}
.flex{ display: flex; justify-content: space-between; flex-wrap: wrap;}
:before, :after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

@media only screen and (max-width: 1420px){
   .w1400 { padding: 0 10px;  max-width: 1180px;  min-width: 1180px;  margin: 0 auto;}
}


.header_main{ height: 100px; background:#fff;}
.header_main .logo{ margin-top: 0;}
.header_main .tel{ padding-top: 18px; text-align: right;}
.header_main .tel .shop1688{ font-size: 20px; color: #010101; font-weight: bold;}
.header_main .tel .tels span{ color: #BD9765; font-size: 22px; font-weight: bold; position: relative;}
.header_main .tel .tels span:before{ font-family: "iconfont"; content: '\e639'; position: absolute; left: -30px; color: #5c5c66; font-size: 24px; top: 2px;}

.nav_main{ background: url(../img/nav_main_bg.jpg) repeat-x; height: 49px; }
.nav_main .nav{ display: flex; justify-content: space-around;}
.nav_main .nav li{line-height: 49px; width: 100%;}
.nav_main .nav li a{ color: #000;}
.nav_main .nav li:hover, .nav_main .nav li.hover {background: #BD9765;}
.nav_main .nav li:hover a, .nav_main .nav li.hover a {color: #FFF;}
.nav_main .nav dl dd{ border-color: #BD9765}
.nav_main .nav dl dd a{ color: #000 !important; background: #c6d9f0; background-image: linear-gradient(to right, #BD9765, #BD9765); background-size: 0% 100%; background-repeat: no-repeat;}
.nav_main .nav dl dd a:hover{ color: #fff !important;}



#banner .tip span{ width: 8px; height: 8px; border-color: #BD9765;}
#banner .tip span.swiper-pagination-bullet-active{ background: #BD9765;}

.index .in_title p{ letter-spacing: 2px; font-size: 34px; color: #BD9765; margin-bottom: 15px;}
.index .in_title em{ font-size:16px; color: #333;}
.index .in_title i{ background: #BD9765;}






.footer{ background: #545454; height: auto; padding: 50px 0;}
.footer .bottom{ height: auto;}
.footer .bottom p{ font-size: 14px; color: #fff; line-height: 32px;}
.footer .bottom p a{ color: #fff;}


/* Innerpage */
.d-page { background-color: rgba(245, 245, 245, 1);}

.d-nbanner img{ width: 100%; display: block;}

.MainTop .MainTopMc{background: #fff; min-height: 60px; text-align: center; border-bottom: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.05);}
.MainTop .subs{ /*padding-left: 20px;*/}
.MainTop .subs li a.parent { display: inline-block; font-size: 16px; position: relative; border-radius: 0;border-bottom: 2px solid transparent; line-height: 40px; padding:10px 30px;}	
.MainTop .subs li a.parent:after{content: "";position: absolute;width: 1px;height: 15px;display: block;background: #ccc;top: 50%;margin-top: -7px;right: 0px;}
.MainTop .subs li a.parent:before{ position:absolute; content:''; left:50%; bottom:-4px; width:0%; height:2px; background-color:none; transition:all .3s;}
.MainTop .subs li a.parent:hover:before, .MainTop .subs a.parent.active:before , .subs li.focusa a.parent:before{ width:80%; left:10%; background-color:#BD9765;}	
.MainTop .subs li a.parent:hover, .MainTop .subs a.parent.active{ color: #BD9765;}	

.MainTop .subs li:last-child a.parent:after{ display: none;}

.MainTop .subs li a.active{ color: #BD9765;}


.subs li {position:relative;display:inline-block;}
/*.subs {font-size:0;}
.subs li a{color:#6E6E6E;display:block;padding:0 30px;font-size:16px;background:#fff;}
.subs li a.active,.subs li a.cur, .subs li.focusa a{background:linear-gradient(-45deg,#FFD100,#ff9600);color:#fff}*/
.subs li a.parent i{ font-size: 12px; margin-left: 10px;}	
.subs li.focusa a{/*background:linear-gradient(-45deg,#FFD100,#ff9600);color:#fff;border-bottom-left-radius:0px;border-bottom-right-radius:0;*/}
.subs li ul:after {position:absolute;top:-8px;left:50%;margin-left:-8px;display:inline-block;border-right:8px solid transparent;border-bottom:8px solid #BD9765;border-left:8px solid transparent;content:'';}
.subs li ul {top:66px;left:10%;background:#fff;padding:0;z-index:99;position:absolute;width:80%;display:none;border-radius:0px;box-shadow:0 5px 10px 0 rgba(0,0,0,0.03);}
.subs li ul li{text-align:center;position: relative;z-index: 12;display: block;width: 100%;}
.subs li ul li.children a{ display: block;font-size:14px;background:#fff; line-height: 44px;height: 44px; border-bottom: 1px solid rgba(245, 245, 245, 1);;}
.subs li ul li.children a.active,.subs li ul li.children a:hover{color:#BD9765}	






/*.MainTop .subs a:before{ content:" "; height: 2px; width:100%; background:none; position: absolute; bottom: -1px; left: 0;}	
.MainTop .subs a.active:before, .MainTop .subs a:hover:before	{ background:#217cca;}*/
.MainTop .substitle{margin-left: 20px; line-height: 51px; font-size: 18px; color: #217cca; display: none; position: relative;}
.MainTop .substitle:before{ content:" "; height: 2px; width:100%; background:#217cca; position: absolute; bottom: -1px; left: 0;}
.MainTop .location{ position: relative; text-align: left; line-height: 60px; padding:0 20px; font-size: 14px; }	

.nav-bread{padding:0;height:70px;line-height:70px;font-size:0}
.nav-bread h2{font-size:24px;font-weight:600}
.nav-bread a{color:#888888;font-size:14px;display:inline-block;}
.nav-bread a:hover{color:#BD9765}
.nav-bread a:after { font-family: 'iconfont'; content:"\e63c";padding:0 10px;background:url(../images/nav-bread.png) no-repeat center 50%;}
.nav-bread a:last-child:after {content:"";background:none;}
.nav-bread i{ padding-right: 6px;}
.nav-bread i:before{content: "\e628"; font-size: 14px; color: #BD9765; }

.Main{ margin-bottom: 50px;}	
.MainMc{ background: #fff; padding:40px; box-shadow: 0px 0px 5px 3px rgba(222, 222, 222, 0.05);}

.fullpage{width: 100%;font-size: 0;text-align: center; text-align: center;}
.fullpage li{ display: inline-block; text-align: center; margin: 0 3px;}
.fullpage li a{vertical-align: middle;font-size: 16px;color: #666;transition: all .4s ease; border: 1px solid #e5e5e5; padding: 7px 11px; border-radius: 3px; }

.fullpage li a:hover,.fullpage li.active a{background: #BD9765;border-color: #BD9765; color: #fff;}


.contact {margin-top: 80px;background: url("../img/contact_bg.jpg") no-repeat center;background-size: cover;}
.contact .contact-hold {margin: 0px auto;position: relative;height: 500px;}
.contact .contact-hold .contact-left {width: 380px;height: 450px;position: absolute;left: 10px;top: -40px;background: #fff;border: 1px solid #ddd;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.32);padding: 20px;border-radius: 10px;}
.contact .contact-tit {font-size: 30px;font-weight: bold;color: #BD9765;letter-spacing: 2px;margin-top: 10px;padding-bottom: 15px;}
.contact .contact-left i {width: 60px;height: 2px;display: inline-block;background: #BD9765;}
.contact .contact-right {width: 500px;float: right;margin-top: 70px;color: #fff;}
.contact .contact-title {font-size: 24px;color: #fff;font-weight: bold;letter-spacing: 2px;padding-bottom: 16px;}
.contact .contact-title i {width: 4px;height: 22px;background: #fff;display: inline-block;margin-right: 10px;vertical-align: middle;}
.contact .contact-list {margin: 15px 0;line-height: 40px;}
.contact .contact-list p{ font-size: 16px;}	

.contact .forem {padding-top: 20px;}
.contact .forem .input {margin: 20px 0;}
.contact .forem .input input {width: 96%;padding: 13px 2%;border: 0px;background: #f2f2f2;outline: none;}
.contact .forem .textarea {margin: 20px 0;}
.contact .forem .textarea textarea {width: 96%;padding: 13px 2%;border: 0px;background: #f2f2f2;outline: none;height: 80px;}
.contact .forem .submit {margin: 20px 0;}
.contact .forem .submit input {padding: 10px 30px;background: #BD9765;color: #fff;border: 0px;outline: none;cursor: pointer;}